import {useRef} from "react";
import indexStyle from './first.module.scss';
const Init = async function (){
  const win = document.getElementById("root").childNodes;
  await 1;
  if(win[0]){
    if(win[0].childNodes[0].nodeName == 'text'){
      // 文本区域
      console.log("div下text");
    }
  const P =await win[0].childNodes[0].childNodes[1];
  return P;
  }
}
const ANode = Init();
const delPx = (str) =>{
 return str.split("px")[0]
}
ANode.then((res)=>{
  let height = window.getComputedStyle(res,null).height,
  paddingTop=window.getComputedStyle(res,null).paddingTop,
  paddingBottom=window.getComputedStyle(res,null).paddingBottom,
  lineHeight = window.getComputedStyle(res,null).lineHeight;
  height = delPx(height);
  paddingTop =delPx(paddingTop);
  paddingBottom = delPx(paddingBottom);
  lineHeight = delPx(lineHeight);
  const lineNum =Number(((height - paddingTop - paddingBottom) / lineHeight).toFixed());
  console.log(lineNum);
})

function App() {
  return (
    <div className="App">
      <div className={`${indexStyle.oversize}`}>
        <span>same</span>   
        <p className={`${indexStyle.p}`}>一段话x create-react-app react-demo 安装react环境 及创建项目 react-demo。 (npx: npm 5.2.0后自带了npx功能，npx主要就是依赖不安装在本机也可以使用比如 create-react-app ; npx会在本机查找是否全局安装过此依赖没有则安装最新的存在的话就使用本地。具体使用方法请参考阮一峰老师的文章)
作者：冫笙
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。</p>
      </div>
    </div>
  );
}

export default App;
